<template>
  <div class="modal">
      <div class="loadingImg">
          <img src="../../assets/loading.gif" alt="loading" width="60%">
          <p class="tip">提示：{{tip||'暂无提示'}}</p>  
      </div>
      
  </div>
</template>
<script>
    export default{
        data(){
            return{

            }
        },
        props: ['tip']
    }
</script>
<style scoped>
    .tip{
        font-size: 0.8rem;
        color: #555;
    }
    .modal{
        position: fixed;
        z-index: 3000;
        width: 100%;
        height: 100%;
        left: 0;
        top:0;
        background: rgba(255,255,255,0.7);
    }
    .loadingImg{
        text-align: center;
        position: absolute;
        top:50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        width: 10%;
    }
</style>
